<template>
  <div class="className">
    <div class="content-box"></div>
  </div>
</template>

<!-- 属性表 -->
<script type="property">
[
]
</script>

<!-- js脚本 -->
<script>
export default {
  props: {},
  data() {
    return {};
  },
  methods: {
    /* $BEGIN */
    /* $END */
    /* $$BEGIN */
    /* $$END */
    //页面显示执行
    dmsShow() {
      console.log("a");
      //this.alert({msg:'dmsShow'});
    },
    //页面隐藏执行
    dmsHide() {
      //this.alert({msg:'dmsHide'});
    },
  },
  computed: {},
  watch: {},
  created() {},
  destroyed() {},
};
</script>

<!-- scss样式表 -->
<style lang="scss">
.class-name {
  width: 100%;

  /* $BEGIN */
  height: 16 / 9 * 100vw;

  /* $END */

  /* $$BEGIN */
  height: 100%;

  /* $$END */
  overflow-y: auto;
  box-sizing: border-box;

  div,
  p,
  span,
  img,
  ul,
  li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .content-box {
    width: 100%;
    height: 100%;
    position: relative;
  }
}

/* $BEGIN */
@media screen and (max-width: 320px) {
  html {
    font-size: calc(320 / 375 * 16px);
  }

  body {
    min-width: 320px;
  }
}

@media screen and (min-width: 320px) and (max-width: 540px) {
  html {
    font-size: calc(100vw / 375 * 16);
  }
}

@media screen and (min-width: 540px) {
  html {
    font-size: calc(540 / 375 * 16px);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  body {
    width: 540px !important;
  }
}

/* $END */
</style>
